<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	    <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>
	    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
	</head>
	<body>
		<div id="container"></div>
		<div class="button-group">
		    <input id="piexBtn" type="button" class="button" value="平移像素值：(50,100)"/>
		    <input id="pantoBtn" type="button" class="button" value="地图中心点平移至：(116.405467,39.907761)"/>
		</div>
		<script>
		    var map = new AMap.Map('container', {
		        resizeEnable: true,
		        zoom: 13,
		        center: [116.397428, 39.90923]
		    });
		
		    AMap.event.addDomListener(document.getElementById('piexBtn'), 'click', function() {
		        map.panBy(50, 100);
		    });
		    AMap.event.addDomListener(document.getElementById('pantoBtn'), 'click', function() {
		        map.panTo([116.405467, 39.907761]);
		    });
		</script>
	</body>
</html>
